import React from 'react'
import { NavLink, Outlet } from 'react-router-dom'
import { Tabbar } from 'react-vant';
import {mainRouter} from '../router/RouterConfig'
type Props = {}
function Index(props: Props) {
    return (
        <div>
            <Outlet />
            <Tabbar>
                {
                   mainRouter&&mainRouter.map((item,index)=>{
                       return <Tabbar.Item key={index}>
                           <NavLink to={item.path}>{item.title}</NavLink>
                       </Tabbar.Item>
                   })
                }
            </Tabbar>
        </div>
    )
}

export default Index
